<template>
    <!--
     save-button-text  这个是修改按钮的文本
     address-info      这个就是点击修改按钮传递过来的要修改的数据
     -->
    <van-address-edit
            :area-list="areaList"
            show-delete
            :address-info="addressInfo"
            save-button-text="修改"
            @save="onSave"
            @delete="onDelete"
    />
</template>

<script>
    import AreaList from '../api/area';
    import {Toast} from 'vant';

    export default {
        name: "AddressEdit",

        //传递过来的数据渲染到当前页面
        created() {
            let data = JSON.parse(this.$route.query.item)//把传递过来的对象给了data
            this.addressInfo = data//把传递过来的对象渲染出来
            //下面是详细地址（详细地址是在addressDetail这个里面）
            //传递过来的是address，这里的是addressDetail，所以要转换一下
            let index = data.address.indexOf('区')//找到区在字符串中的下标
            if (index < 0) index = data.address.indexOf('县')//如果index小于0的话，就说明没有区，是县
            this.addressInfo.addressDetail = data.address.substring(index + 1)//substring截取字符串，从区(县)哪里开始截取
        },
        data() {
            return {
                areaList: AreaList,
                addressInfo: null
            }
        },


        //下面都是单击事件
        methods: {

            //修改单击事件
            onSave(item) {
                const _this = this
                axios.put('http://localhost:8181/address/update',item).then(function (resp) {
                    if(resp.data.code == 0){
                        let instance = Toast('修改成功');
                        setTimeout(() => {
                            instance.close()
                            _this.$router.push('/addressList')
                        }, 1000)
                    }
                })

            },
            //删除就是返回上一页单击事件
            onDelete() {
                history.go(-1)
            }
        }
    }
</script>

<style scoped>

</style>